.chat-layout-style {
  width: 'calc(50% - 8px)';
  max-width: 'calc(50% - 8px)';
  overflow: 'hidden';
  border-radius: 8;
}

.chat-header-style {
  height: 5vh;
  color: '#fff';
  line-height: '64px';
  text-align: 'center';
  background-color: white;
  // background-color: '#4096ff';
  // padding-inline: 48;
  padding: 48;
}
@supports (padding-inline: 48) {
  .chat-header-style {
    height: 5vh;
    color: '#fff';
    line-height: '64px';
    text-align: 'center';
    // background-color: '#4096ff';
    padding-inline: 48;
  }
}

.chat-content-style {
  min-height: 120;
  max-height: 75vh;
  color: '#fff';
  line-height: '120px';
  text-align: 'center';
  // background-color: '#0958d9';
  background-color: white;
  padding: 2rem;
  overflow-y:scroll;
}
.chat-sider-style {
  color: '#fff';
  line-height: '120px';
  text-align: 'center';
  background-color: white;
  // backgroundColor: '#1677ff';
  padding: 3rem;
}

.chat-footer-style {
  color: '#fff';
  text-align: 'center';
  // background-color: '#4096ff';
  background-color: white;
  height: 20vh;
}
